<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>Ext.Panel</title>
    <link rel="stylesheet" type="text/css" href="../css/zTreeStyle.css" >
    <script type="text/javascript" src="../lib/jquery-1.9.1.js"></script>
    <script type="text/javascript" src="../lib/jquery.ztree.core-3.5.js"></script>

</head>
<script type="text/javascript">

    var setting = {
        data: {
            simpleData: {
                enable: true
            }
        },
        async: {
            enable: true,
            type: "get",
            url:"/res/tree2"

        }
    };

    $(document).ready(function(){
        $.fn.zTree.init($("#treeDemo"), setting);
    });

    function load_data(id) {

       parent.Ext.getCmp('border-example').getComponent('my_grid').store.loadPage(1,{params:{"parent_id":id}});


    }


</script>
<body style="margin-top: 5px">
    <ul id="treeDemo" class="ztree"></ul>
</body>
</html>